<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>判断循环</title>
</head>
<body>
    <div id="app">
        <!--悬浮显示-->
<!--        <span v-bind:title="message">-->
<!--        </span>-->
        <!--判断语句-->
<!--        <h1 v-if="message">true</h1>-->
<!--        <h1 v-else>false</h1>-->
<!--        循环语句-->
<!--        /<li v-for="(items,index) in item">-->
<!--            {{items.message}}&#45;&#45;{{index}}-->
<!--        </li>-->
<!--        事件绑定-->
        <button v-on:click="first">click</button>
    </div>
    <!--导入vue.js文档-->
    <script src="../js/vue.js"></script>
    <script>
        var vm = new Vue({
            el: "#app",
            // 循环
            // data:{
            //     item : [
            //         {message:"for-1"},
            //         {message: "for-2"},
            //         {message:"for-3"}
            //     ]
            // }
            // 事件绑定
            date:{
                message:'click'
            },
            methods:{
                first: function (){
                    alert(this.message)
                }
            }
        });
    </script>
</body>
</html>